/* 引入tailwindcss tailwindcss": "^4.1.11只需要引入tailwindcss即可 */
@import 'tailwindcss';
/* 引入默认样式 */
@import './default.css';
/* 引入主题样式 */
@import './theme/index.css';
/* 引入图标字体 */
@import '@renderer/assets/icon/iconfont.css';
/* 引入布局样式 */
@import './layout/layout.css';
/* 引入滚动条样式 */
@import './scroll.css';

/* 其他自定义样式 */
@theme {
  --shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
  --shadow-card-active: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.04);
}

@layer utilities {
  /* 图标 */
  .icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }
}
